<template>
	<view class="tab">
		<navigator open-type="switchTab" url="/pages/index/index" class=" tab-box">
			首页
		</navigator>
		<navigator open-type="switchTab" url="/pages/follow/follow" class="tab-box">
			关注
		</navigator>
		<view class="tab-box">
			<view class="iconfont icon-tuya_huabanfuben icon-box">
				
			</view>
		</view>
		<navigator open-type="switchTab" url="/pages/news/news" class="tab-box">
			消息
		</navigator>
		<navigator open-type="switchTab" url="/pages/personal/personal" class="tab-box">
			我
		</navigator>
	</view>
</template>

<script>
	export default {
		name:"tab",
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.tab{
	position: fixed;
	left: 0;
	bottom: 0;
	width:100%;
	height:50px;
	z-index: 20;
}
.tab-box{
	float: left;
	width:20%;
	line-height: 50px;
	text-align: center;
	font-size:20px;
	color:#fff;
}
.icon-box{
	background-color: #fff;
	width:60%;
	height:30px;
	color: #000000;
	margin:10px 20%;
	line-height: 30px;
	border-radius: 10px;
	font-size:16px;
}
</style>
